<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../Untils/bootstrap.css">
    <link rel="stylesheet" href="../Styles/base.css">
    <link rel="stylesheet" href="../Styles/student.css">
    <link rel="stylesheet" href="../Styles/KCsystem.css">
    <script src="../Untils/jquery-3.6.4.min.js"></script>
    <script src="../Untils/bootstrap.js"></script>

</head>

<body>
    <div class="container-fluid home">
      <header>
        <div class="header-left">
            <img src="../image/logo.png" alt="">
            <h1>综艺园平台管理系统</h1>
        </div>
        <div class="header-right">
            <div class="hrederdiv1">
                <span class="iconfont icon-lingdang msg s1"><span style="margin-left: 5px;">消息</span></span>
            </div>
            <div class="hrederdiv2">
                <span class="iconfont icon-dianbozhibov1217 s1"><span style="margin-left: 5px;">账号设置</span></span>
            </div>
            <div class="hrederdiv2">
                <span class="iconfont icon-tuichudenglu exit s1"><span style="margin-left: 5px;">退出登录</span></span>
            </div>
        </div>
    </header>
        <section>
         <nav>
                <ul>
                    <li>
                        <h3 id="hot"><span class="iconfont icon-jiaowuzhongxin centerLogo"></span> 公告主页</h3>

                        <ul class="show2" id="hotNews">
                            <a href="../Pages/studentmanage.html">
                                <li>课表管理</li>
                            </a>
                            
                        </ul>
                    </li>
                    <li>
                        <h3 id="amusement"><span class="iconfont icon-kechengguanli centerLogo"></span> 宿舍管理</h3>
                        <ul class="show2" id="amusementNews">
                            <a href="../Pages/studentmanage.html">
                                <li>线下课程管理</li>
                            </a>

                        </ul>
                    </li>
                    <li>
                        <h3 id="amusement"><span class="iconfont icon-kechengguanli centerLogo"></span> 公告管理</h3>
                        <ul class="show2" id="amusementNews">
                            <a href="../Pages/studentmanage.html">
                                <li>线下课程管理</li>
                            </a>

                        </ul>
                    </li>
                    <li>
                        <h3 id="amusement"><span class="iconfont icon-kechengguanli centerLogo"></span> 学生管理</h3>
                        <ul class="show2" id="amusementNews">
                            <a href="../Pages/studentmanage.html">
                                <li>学生管理</li>
                            </a>

                        </ul>
                    </li>
                </ul>
            </nav>
            <main class="main">
              <ol class="breadcrumb">
                <li><a href="#">Home</a></li>
                <li><a href="#">Library</a></li>
                <li class="active">Data</li>
              </ol>  
              <div class="searchBox form-inline" >              
                    <form class="navbar-form navbar-left" role="search" style="padding:  0px 0px;" >
                        <div class="form-group" style="height: 34px;position: relative;">
                          <input type="text" class="form-control searchinput" placeholder="请输入搜索的内容" >
                          <span class="glyphicon glyphicon glyphicon-remove deliamge" aria-hidden="true" style="position: absolute;right: 0;top: 10px;display: none; "></span>
                        </div>
                        <div class="btn-group">
                            <button type="button" class="btn btn-default dropdown-toggle dropdownkcbutton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              课程名称 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu ">
                              <li><a class="dropdownkc" href="#">HTML入门</a></li>
                              <li><a class="dropdownkc"href="#">CSS入门</a></li>
                              <li><a class="dropdownkc"href="#">C#入门</a></li>
                              <li><a class="dropdownkc"href="#">JAVA入门</a></li>
                            </ul>
                          </div>
                        <span class="searchbutton btn btn-default">搜索</span>
                        <button type="button" class="btn btn-default" data-toggle="modal" data-target="#searchModal">新增</button>
                        <button type="button" class="btn btn-default delsbutton">批量删除</button>
                        <button type="submit" class="btn btn-default">批量上架</button>
                        <button type="submit" class="btn btn-default">批量下架</button>
                      </form>

                  </div>
                <div class="tablemain">
                    <div class="Functionbutton">
                      
                    </div>
                    <table class="table-bordered" >
                    <thead>
                            <tr>
                                <td>多选</td>
                                <td>课程名称</td>
                                <td>列表图</td>
                                <td>课程状态</td>
                                <td>课程分类</td>
                                <td>更新时间</td>
                                <td>操作</td>
                            </tr>
                    </thead>
                    <tbody class="tableinner">
                        <tr>
                            <td>多选</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>
                                <button class="undb">下架</button>
                                <button class="edib">编辑</button>
                                <button class="delb">删除</button>
                            </td>
                        </tr>
                        <tr>
                            <td>多选</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                            <td>1</td>
                        </tr>
                    </tbody>
                  </table>
                  <nav aria-label="Page navigation" class="yeMa">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </main>
        </section>
    </div>
    //新增弹出的模态框
    <div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myModalLabel">新增课程</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                      <label for="inputEmail3" class="col-sm-2 control-label ">课程名称</label>
                      <div class="col-sm-10">
                        <input type="email" class="form-control newcourseName" id="inputEmail3" placeholder="">
                      </div>
                    </div>
                    <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label ">课程状态</label>
                        <div class="col-sm-10">
                          <input type="email" class="form-control newcourseState" id="inputEmail3" placeholder="">
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label ">课程分类</label>
                        <div class="col-sm-10">
                          <input type="email" class="form-control newcourseFication" id="inputEmail3" placeholder="">
                        </div>
                      </div>
                   
                  </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-primary newsavebutton">保存</button>
            </div>
          </div>
        </div>
      </div>
    //删除弹出的模态框  
    <div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-body">
                  您确定删除吗？
              </div>
              <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                  <button type="button" data-dismiss="modal" class="btn delsurebtn btn-primary">确定</button>
              </div>
          </div>
      </div>
  </div>
 //编辑弹出模态框
  <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">编辑</h4>
        </div>
        <div class="modal-body">
            <form class="form-horizontal">
                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-2 control-label ">课程名称</label>
                  <div class="col-sm-10">
                    <input type="email" class="form-control editcourseName" id="inputEmail3" placeholder="">
                  </div>
                </div>
                <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label ">课程状态</label>
                    <div class="col-sm-10">
                      <input type="email" class="form-control editcourseState" id="inputEmail3" placeholder="">
                    </div>
                  </div>
                  <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label ">课程分类</label>
                    <div class="col-sm-10">
                      <input type="email" class="form-control editcourseFication" id="inputEmail3" placeholder="">
                    </div>
                  </div>
               
              </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary editsavebutton">保存</button>
        </div>
      </div>
    </div>
  </div>
    <script src="../Js/ksSystem.JS"></script>
    <script src="../Js/center.js"></script>
</body>

</html>